<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>滨海基金 - 登录</title>
<!-- <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" >
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" >

<link href="css/animate.min.css" rel="stylesheet" type="text/css" >
<link href="css/style.min.css" rel="stylesheet" type="text/css" > -->
<!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<script>
	if (window.top !== window.self) {
		window.top.location = window.location;
	}
</script>
<style type="text/css">
body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

* {
	padding: 0;
	margin: 0;
}

.login_bg {
	width: 100%;
	background: url(img/binhaibeijing.png) no-repeat;
	background-size: 100% 100%;
}

.login_box {
	width: 460px;
	margin: 0 auto;
	margin-top: 270px;
	#
	F3F3F4
}

.login_content {
	padding: 30px;
	background: rgba(255, 255, 255, 1);
	padding-top: 50px;
	padding-bottom: 50px;
}

.login_content input {;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	margin: 0 auto;
	margin: 0px 0px;
	height: 35px;
	text-indent: 10px;
	margin-bottom: 30px;
	border: 1px solid #E6E6E6;
}

.login_content .login_button {
	width: 100%;
	background: transparent;
	text-align: center;
	border: none;
}

.login_button button {
	width: 100%;
	height: 35px;
	background: #2B80B8;
	color: #fff;
	border: none;
	opacity: 1
}

.loginIn:hover {
	opacity: 0.8;
	cursor: pointer;
}

.loginIn:active {
	opacity: 0.8;
	box-shadow: 0 0 5px #ccc;
}

.login_bg {
	position: relative;
}

.login_box {
	position: absolute;
	top: 50%;
	margin-top: -233px;
	left: 50%;
	margin-left: -230px;
}
</style>

</head>
<body class="login_bg">
	<div>
		<form class="m-t" action="main.do" method="post">

			<div class="login_box">
				<img alt="" width="100%" src="img/binhaiziti.png"
					style="margin-bottom: 10%;">
				<div class="login_content">
					<input type="text" name="userName" placeholder="请输入您的账号"
						<c:if test="${flag ==1 }">value='${tempUserName}'</c:if>>
					<input type="password" name="userPwd" placeholder="请输入您的密码"
						<c:if test="${flag ==1 }">value='${tempUserPwd}'</c:if>> <input
						type="text" id="code" name="code" style="width: 220px;"
						placeholder="请输入验证码" /> <img id="imgObj" alt="验证码"
						src="validateCode.do" onclick="changeImg()" /> <a href="#"
						onclick="changeImg()">换一张</a>
					<div class="login_button">
						<button type="submit" class="loginIn">登录</button>
					</div>
					<div id='tip'padding-top: 50px;>
						<span style="color: red;"><c:if test="${flag ==1 }">**验证码错误**</c:if>
							<c:if test="${flag ==2 }">**账号或密码错误**</c:if>
							<c:if test="${flag ==3 }">**账号不能为空**</c:if>
							<c:if test="${flag ==4 }">**密码不能为空**</c:if>
							<c:if test="${flag ==5 }">**网络繁忙，请稍后尝试**</c:if></span>
					</div>
				</div>
			</div>
		</form>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		// 刷新图片
		function changeImg() {
			var imgSrc = $("#imgObj");
			var src = imgSrc.attr("src");
			imgSrc.attr("src", changeUrl(src));
		}
		//为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳
		function changeUrl(url) {
			var timestamp = (new Date()).valueOf();
			var index = url.indexOf("?", url);
			if (index > 0) {
				url = url.substring(index, url.indexOf(url, "?"));
			}
			if ((url.indexOf("&") >= 0)) {
				url = url + "×tamp=" + timestamp;
			} else {
				url = url + "?timestamp=" + timestamp;
			}
			return url;
		}
	</script>
</body>
<!-- <body class="gray-bg">

	<div class="middle-box text-center loginscreen  animated fadeInDown">
		<div>
			<form class="m-t" role="form" action="loginUser.do" method="post" >
				<div class="form-group">
					<input type="text" class="form-control" placeholder="用户名"
						required="" name="userName">
				</div>
				<div class="form-group">
					<input type="password" class="form-control" placeholder="密码"
						required="" name="userPwd" >
				</div>
				<button type="submit" class="btn btn-primary block full-width m-b">登
					录</button>
			</form>
		</div>
	</div>
	
</body> -->
</html>